html,body,.warp,#mapContainer {width: 100%;height: 100%;}
body{}
#mapContainer{transform:rotateX(25deg); transform-origin: top;}
.warp{position: relative;perspective: 800px;transform-style: preserve-3d; overflow: hidden;}

.leftBox{width: 550px; position: absolute; left: 20px; top: 140px;}
.rightBox{width: 550px; position: absolute; right: 20px; top: 140px;}
.box{background: rgba(0,0,0,0.5); color: #FFF; width: 550px; border: 1px solid rgba(255,255,255,0.3); position: relative; padding: 15px; box-sizing: border-box;}
.box:before{content: ""; width: 500px; height: 12px; position: absolute; top: -1px; left: -1px; background: url(../Content/images/borderTop.png) no-repeat; background-size: 100%;}
.box:after{content: ""; width: 500px; height: 12px; position: absolute; bottom: -1px; left: -1px; background: url(../Content/images/borderBottom.png) no-repeat;background-size: 100%;}
.box1{height: 395px; margin-bottom: 20px;}
.box2{height: 365px;}
.box3{height: 395px; margin-bottom: 20px;}
.box4{height: 365px;}
.box h4{font-size: 18px; margin: 0;padding: 0; padding-left: 10px; color: #fff; position: relative; line-height: 20px;}
.box h4:before{content: ""; width: 4px; height: 18px; position: absolute; background: #4DD89C; left: 0; top: 1px;}

header{width: 100%; height: 100px; background:rgba(0,0,0,0.5); position: absolute; z-index: 100;}
.logo{width: auto; height: 50px; margin: 25px 60px 0 20px; float: left;}
.logo img{width: auto; height: 50px; opacity: 0.6; transition: all 0.3s;}
.logo a:hover img{opacity: 1;}
.topNav{margin: 0; padding: 0; list-style: none; height: 100px; float: left;overflow: hidden; }
.topNav li{ float: left;  margin:0 12px; position: relative; transition: all 0.3s; }
.topNav li:after{content: ""; position: absolute; height: 4px; width: 100%; bottom: 0; left: 0; background: rgba(255,255,255,0); transform: translateY(4px); transition: all 0.3s;}
.topNav li a{font-size: 18px; line-height: 100px;color: rgba(255,255,255,0.5); text-decoration: none;}
.topNav li:hover a{color: rgba(255,255,255,1); }
.topNav li:hover:after{ background: rgba(255,255,255,1);transform: translateY(0px);}
.topNav li.active:after{ background: rgba(255,255,255,1);transform: translateY(0px);}
.topNav li.active a{color: rgba(255,255,255,1); }
.nav-pullRight{height: 100px; float: right; margin-right: 20px; margin-top: 32px;}
.nav-pullRight .button{width: 40px; height: 40px; border:1px solid rgba(255,255,255,1); display: inline-block; opacity: 0.3; border-radius: 6px; transition: all 0.3s; margin-left: 10px; }
.nav-pullRight .button:hover{opacity: 1; }
.button-user{background: url(../Content/images/icon1.png) no-repeat;}
.button-setting{background: url(../Content/images/icon2.png) no-repeat;}
.button-logout{background: url(../Content/images/icon3.png) no-repeat;}

.bootstrap-select .btn:focus ,.selectpicker li a,.form-control:focus{
     outline: none !important;  box-shadow:none; border-color:rgba(255,255,255,0.8)
}
.form-control:focus{color: #fff;}
.bootstrap-select{background: transparent; border-radius: 0;}
.form-control,.bootstrap-select>.dropdown-toggle{border-radius: 0; color: #fff; background: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.3);}
.form-control:hover{color: #fff;}
.form-control>.form-control{background: none;}
.dropdown-menu{border-radius: 0;}
.bs-searchbox>.form-control{color: #333;}




.login-form {width: 450px;margin: 0px auto;text-shadow: none;}
.login-form form {background: rgba(0,0,0,0.5);border: 1px solid rgba(255,255,255,0.3); border-radius: 0;}
.login-form form img {margin-bottom: 18px;}

.login-form form .top {border-bottom: 1px solid rgba(255,255,255,0.3);text-align: center;padding: 30px 0;}
.login-form form .top .icon {width: 100px;height: 100px;}
.login-form form .top h1,
.login-form form .top h4 {margin: 0;}
.login-form form .top h1 {color: #37363E;font-size: 30px;font-family: 'Montserrat', sans-serif;font-weight: bold;margin-top: -14px;}
.login-form form .top h4 {font-weight: normal;color: #76757B;font-size: 15px;}
.login-form form .form-area {padding: 40px;}
.login-form form .form-area .group {position: relative;margin-bottom: 20px;}
.login-form form .form-area .form-control {height: 40px;}
.login-form form .form-area .fa {position: absolute;top: 11px;left: 13px;font-size: 16px;color: #C3C3C3;}
.login-form form .form-area .btn {height: 42px;font-weight: 600;}
.login-form form .form-area .checkbox {margin-bottom: 20px;}
.login-form .footer-links {color: #76757B;padding: 10px 5px;}
.login-form .footer-links a {color: #76757B;}
.login-form .footer-links a:hover {color: #37363e;}

/* 登录页 */
.loginSection{background: url(../Content/images/loginBg.png) no-repeat #0A141C; background-position: left top; }
.login-form{padding-top:0 !important; margin-top: -270px !important; position: absolute;left: 50%; margin-left: -225px;  top: 50%;}



.login-form .top img{ max-height: 80px;}
.login-form .input-group-vit{display: table-cell; width: 1%; height: 40px; position: relative; vertical-align:top; border-bottom-right-radius: 3px;border-top-right-radius: 3px; overflow: hidden;}
.login-form .input-group-vit img{margin: 0;}

.login-form form .form-area .form-control.vitInput{ padding-left: 10px;}
.login-form .footer-links{position: relative;}
.login-form .footer-links a{ position: relative; padding-left: 15px;}
.login-form .footer-links .fa{ top: 1px !important; left: 0 !important;}
.login-form form .checkbox input[type=checkbox]{margin-left: 0;}
.login-form form .checkbox label{color: #fff;}


.tableSection{background: #eee; background-position: left top;}
.tableSection header{background: #2E363F;}
.bodyWarp{padding: 120px 20px 0;}
.contentBox{background: #fff; color: #666; width: 100%; min-height: 200px; border: 1px solid rgba(255,255,255,0.3); position: relative; padding: 15px; box-sizing: border-box;}

.table{}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{    border-top: 1px solid rgba(255,255,255,0.2);}
input::-ms-clear {display: none;}
input::-ms-reveal {display: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /*-webkit-transition-delay: 99999s;*/
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}